<!DOCTYPE html>
<!-- 通过 xmlns:th=”http://www.thymeleaf.org“ 命令空间，将静态页面转换为动态的视图，
需要进行动态处理的元素,将使用“th:”前缀。 -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Insert title here</title>

	<link rel="stylesheet" href="webjars/bootstrap/3.4.1/css/bootstrap.css">
	<script src="webjars/jquery/3.6.0/jquery.js"></script>
	<script src="webjars/bootstrap/3.4.1/js/bootstrap.js"></script>

		<script src="js/login.js"></script>
</head>
<body>
	<div style="width:50%;">

			<form class="form-horizontal" >
				<div class="form-group">
					<label for="inputText3" class="col-sm-2 control-label">用户名：</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="inputText3" placeholder="请输入用户名">
						<span class="usernameMsg" style="color: red;"></span>
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-sm-2 control-label">密码:</label>
					<div class="col-sm-10">
						<input type="password" class="form-control" id="inputPassword3" placeholder="请输入密码">
						<span class="pwdMsg" style="color: red;"></span>
					</div>
				</div>


				<div class="form-group">
					<div class="col-sm-offset-2 col-sm-10">
						<button type="button" class="btn btn-success btn-lg btn-login">登录</button>
					</div>
				</div>
			</form>
		</div>


		<!-- 模态框 -->
		<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
								aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">提示</h4>
					</div>
					<div class="modal-body">

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
</body>
</html>